// 封装axios用于封装发送请求
import axios from "axios";
// 引入toast
import { Toast } from "vant";
import { getToken } from "@/utils/storage";

let toast;
// 创建一个新的axios实例
const request = axios.create({
  baseURL: "http://interview-api-t.itheima.net/",
  timeout: 5000,
});

// 添加请求拦截器
request.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    toast = Toast.loading({
      message: "加载中...",
      forbidClick: true,
      duration: 0,
    });
    // 携带token请求
    const token = getToken();
    if (token) {
      config.headers.Authorization = `Bearer ` + token;
    }
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 添加响应拦截器
request.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。

    // 对响应数据做点什么
    toast.clear();
    return response;
  },
  function (error) {
    console.log(error);

    Toast.fail(error.response.data.message);
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么

    // if (error.response) {
    //   // 有错误响应, 提示错误提示
    //   if (error.response.status === 401) {
    //     delToken();
    //     router.push("/login");
    //   } else {
    //     Toast(error.response.data.message);
    //   }
    // }
    return Promise.reject(error);
  }
);

export default request;
